<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
</template>
<script>
  export default {
    name: 'wer',
    data() {
      return {
        ok: true,
        qrqr: 'RUNOOB',
        url: 'http://www.runoob.com',
        qwwq: 'rinood!',
        message: 'Runood!',
        seen: true,
        counter: 0,
        sites: [
          { name: 'Runoob' },
          { name: 'Google' },
          { name: 'Taobao' }
        ]
      }
    },
    methods: {
      reverseMessage() {
        this.message = this.message.split('').reverse().join('')
      }
    }
  }
</script>
<style>
  .wer {
    padding-left: 60px;
    display: inline-block;
    background-color: #78cdd1;
    font-size: 10px;
  }

  .but {
    width:30px;
    height:10px;
  }
</style>
